<!DOCTYPE html>
<html class="chrome csstransforms3d csstransitions">
  <head>
    <title>哇食网首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/font-awesome.min.css" rel="stylesheet" media="screen">
    <link href="css/index.css" rel="stylesheet" media="screen">
    <!--[if lt IE 9]>
        <script src="js/assets/libs/html5shiv.js?2.4.6.4"></script>
    <![endif]-->
    <!--[if IE 8]>
        <script src="js/assets/libs/respond.min.js?2.4.6.4"></script>
    <![endif]-->
    <script src="js/jquery/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
  </head>
  <body class="index">
  	<header class="header">
      <div class="container">
      	<div class="navbar-header">
          <a href="" class="navbar-brand">WoW食.com</a>
          <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <nav class="collapse navbar-collapse pull-left">
          <ul class="nav navbar-nav">
            <li><a href="#">抽屉</a></li>
            <li><a href="#">杂志</a></li>
            <li><a href="#">小组</a></li>
            <li><a href="#">经验</a></li>
          </ul>
        </nav>
        <form action="" class="navbar-form navbar-left hidden-xs hidden-sm" role="search">
          <div class="form-group">
            <input type="text" class="form-control js-search" name="q" placeholder="搜零食，搜惊喜" autocomplete="off"/>
            <button class="button fa fa-search" type="submit"></button>
          </div>
        </form>
        <ul class="nav user-nav pull-right">
          <ul class="nav nav-login">
            <li><a href="" class="login" data-toggle="modal" data-target="#login-modal">登录</a></li>
            <li><a href="#" class="reg" data-toggle="modal" data-target="#login-modal">注册</a></li>
          </ul>
        </ul>
      </div>
  	</header>
  	<div class="container">
  		<div class="row">
        <div class="col-md-2" id="sec-nav">
          <ul class="nav nav-stacked">
            <li><a href="#">蜜饯果脯</a></li>
            <li><a href="#">坚果炒货</a></li>
            <li><a href="#">巧克力</a></li>
            <li><a href="#">饼干糕点</a></li>
            <li><a href="#">饮料冲饮</a></li>
            <li><a href="#">豆干肉类</a></li>
            <li><a href="#">海味即食</a></li>
            <li><a href="#">糖果布丁</a></li>
            <li><a href="#">奶酪乳品</a></li>
            <li><a href="#">海味即食</a></li>
            <li><a href="#">糖果布丁</a></li>
            <li><a href="#">奶酪乳品</a></li>
          </ul>
        </div>  
        <div class="col-md-10 banner-container">
          <div id="myCarousel" class="carousel slide height-full">
              <ol class="carousel-indicators row" id="banner-index">
                <li data-target="#myCarousel" data-slide-to="0" class="active col-md-4">
                  <div class="user-info">
                      <a href="http://wowli.net/people/lillianglina/doulists?r=8" target="_blank" title="艮离">
                          <img src="images/avatar_1.jpg" class="user-pic" alt="艮离">
                          <span class="user-name">艮离</span>
                          <div class="user-res">
                              <span class="user-favs"><i class="fa fa-heart"></i><em>6577</em></span><span class="user-follows"><em>1351</em>人关注</span>
                          </div>
                      </a>
                  </div>
                </li>
                <li data-target="#myCarousel" data-slide-to="1" class="col-md-4">
                	<div class="user-info">
                	  <a href="#" target="_blank" title="阿九">
                	    <img src="images/avatar_2.jpg" class="user-pic" alt="阿九">
                	    <span class="user-name">阿九</span>
                	    <div class="user-res">
                	        <span class="user-favs"><i class="fa fa-heart"></i><em>10949</em></span><span class="user-follows"><em>182</em>人关注</span>
                	    </div>
                	  </a>
                	</div>
                </li>
                <li data-target="#myCarousel" data-slide-to="2" class="col-md-4">
                	<div class="user-info">
                	  <a href="#" target="_blank" title="阿九">
                	    <img src="images/avatar_3.jpg" class="user-pic" alt="阿九">
                	    <span class="user-name">阿九</span>
                	    <div class="user-res">
                	        <span class="user-favs"><i class="fa fa-heart"></i><em>10949</em></span><span class="user-follows"><em>182</em>人关注</span>
                	    </div>
                	  </a>
                	</div>
                </li>
              </ol>
              <div class="carousel-inner height-full">
                  <div class="item active left">
                    <div class="row" style="padding:0 15px;">
                      <div class="user-doulist-item col-md-4">
                          <a href="http://wowli.net/doulist/1161530/?r=8" class="user-doulist-itemset" target="_blank">
                              <img class="img-responsive" src="images/p6114635.jpg" alt="西子印社/黑檀木印章10.5/12mm圆章姓名印章篆刻出国留学工作必备">
                              <img class="img-responsive" src="images/p9695210.jpg" alt="LUSH/露诗 海洋之星香氛皂100g 扫除老废角质 打击暗沉深层清洁">
                              <img class="img-responsive" src="images/p9917438.jpg" alt="纸巾 手帕纸 日本进口 河野制纸 AK系列保湿面巾纸 便携包X16包">
                              <img class="img-responsive" src="images/p5623623.jpg" alt="ipluso｜Kilt-c｜13.3寸 macbook 电脑包｜文件袋｜3色可选">
                              <div class="x"></div>
                          </a>
                          <a class="drawer-intro" href="http://wowli.net/doulist/1161530/?r=8" title="新奇的东西那么多我不想那么早死啊" target="_blank">新奇的东西那么多我不想那么早死啊</a>
                      </div>
                      <div class="user-doulist-item col-md-4">
                          <a href="http://wowli.net/doulist/1439218/?r=8" class="user-doulist-itemset" target="_blank">
                              <img class="img-responsive" src="images/p9132185.jpg" alt="[W&amp;X] 夏日必備！漁夫帽 黑色卡其色 日單日式棉麻工装盆帽遮陽帽">
                              <img src="images/p9840608.jpg" alt="外贸原单出口尾货 100%重磅真丝桑蚕丝SILK素绉缎睡衣家居服套装">
                              <img class="img-responsive" src="images/p6470242.jpg" alt="VOCK独家设计 怀旧系胸衣 街头性感摇滚复古 fil小白张家衣陈星如">
                              <img class="img-responsive" src="images/p13959000.jpg" alt="LE CI**EL BL**EU日本客供 复合面料 经典高街裁剪 短夹克/外套">
                              <div class="x"></div>
                          </a>
                          <a class="drawer-intro" href="http://wowli.net/doulist/1439218/?r=8" title="长草的dressing" target="_blank">长草的dressing</a>
                      </div>
                      <div class="user-doulist-item col-md-4">
                          <a href="http://wowli.net/doulist/2096398/?r=8" class="user-doulist-itemset" target="_blank">
                              <img class="img-responsive" src="images/p11734424.jpg" alt="刺绣桃心 小心机跟 正品rosebullet家的【收藏款】">
                              <img class="img-responsive" src="images/p13306672.jpg" alt="15新款Clarks其乐女鞋休闲鞋Festival Glee专柜正品代购英国直邮">
                              <img class="img-responsive" src="images/p13272378.jpg" alt="日本代购 英伦复古流苏漆皮方跟鞋皮鞋BEAUTY&amp;YOUTH WOMENS ZARA">
                              <img class="img-responsive" src="images/p9324520.jpg" alt="匡威CONVERSE中性开口笑光面皮革休闲鞋143009C/143011C">
                              <div class="x"></div>
                          </a>
                          <a class="drawer-intro" href="http://wowli.net/doulist/2096398/?r=8" title="买鞋--去远方" target="_blank">买鞋--去远方</a>
                      </div>
                    </div>
                  </div>
                  <div class="item next left">
                    <div class="row" style="padding:0 15px;">
                      <div class="user-doulist-item col-md-4">
                          <a href="http://wowli.net/doulist/1161530/?r=8" class="user-doulist-itemset" target="_blank">
                              <img class="img-responsive" src="images/p6114635.jpg" alt="西子印社/黑檀木印章10.5/12mm圆章姓名印章篆刻出国留学工作必备">
                              <img class="img-responsive" src="images/p9695210.jpg" alt="LUSH/露诗 海洋之星香氛皂100g 扫除老废角质 打击暗沉深层清洁">
                              <img class="img-responsive" src="images/p9917438.jpg" alt="纸巾 手帕纸 日本进口 河野制纸 AK系列保湿面巾纸 便携包X16包">
                              <img class="img-responsive" src="images/p5623623.jpg" alt="ipluso｜Kilt-c｜13.3寸 macbook 电脑包｜文件袋｜3色可选">
                              <div class="x"></div>
                          </a>
                          <a class="drawer-intro" href="http://wowli.net/doulist/1161530/?r=8" title="新奇的东西那么多我不想那么早死啊" target="_blank">新奇的东西那么多我不想那么早死啊</a>
                      </div>
                      <div class="user-doulist-item col-md-4">
                          <a href="http://wowli.net/doulist/1439218/?r=8" class="user-doulist-itemset" target="_blank">
                              <img class="img-responsive" src="images/p9132185.jpg" alt="[W&amp;X] 夏日必備！漁夫帽 黑色卡其色 日單日式棉麻工装盆帽遮陽帽">
                              <img src="images/p9840608.jpg" alt="外贸原单出口尾货 100%重磅真丝桑蚕丝SILK素绉缎睡衣家居服套装">
                              <img class="img-responsive" src="images/p6470242.jpg" alt="VOCK独家设计 怀旧系胸衣 街头性感摇滚复古 fil小白张家衣陈星如">
                              <img class="img-responsive" src="images/p13959000.jpg" alt="LE CI**EL BL**EU日本客供 复合面料 经典高街裁剪 短夹克/外套">
                              <div class="x"></div>
                          </a>
                          <a class="drawer-intro" href="http://wowli.net/doulist/1439218/?r=8" title="长草的dressing" target="_blank">长草的dressing</a>
                      </div>
                      <div class="user-doulist-item col-md-4">
                          <a href="http://wowli.net/doulist/2096398/?r=8" class="user-doulist-itemset" target="_blank">
                              <img class="img-responsive" src="images/p11734424.jpg" alt="刺绣桃心 小心机跟 正品rosebullet家的【收藏款】">
                              <img class="img-responsive" src="images/p13306672.jpg" alt="15新款Clarks其乐女鞋休闲鞋Festival Glee专柜正品代购英国直邮">
                              <img class="img-responsive" src="images/p13272378.jpg" alt="日本代购 英伦复古流苏漆皮方跟鞋皮鞋BEAUTY&amp;YOUTH WOMENS ZARA">
                              <img class="img-responsive" src="images/p9324520.jpg" alt="匡威CONVERSE中性开口笑光面皮革休闲鞋143009C/143011C">
                              <div class="x"></div>
                          </a>
                          <a class="drawer-intro" href="http://wowli.net/doulist/2096398/?r=8" title="买鞋--去远方" target="_blank">买鞋--去远方</a>
                      </div>
                    </div>
                  </div>
                  <div class="item">
                    <div class="row" style="padding:0 15px;">
                      <div class="user-doulist-item col-md-4">
                          <a href="http://wowli.net/doulist/1161530/?r=8" class="user-doulist-itemset" target="_blank">
                              <img class="img-responsive" src="images/p6114635.jpg" alt="西子印社/黑檀木印章10.5/12mm圆章姓名印章篆刻出国留学工作必备">
                              <img class="img-responsive" src="images/p9695210.jpg" alt="LUSH/露诗 海洋之星香氛皂100g 扫除老废角质 打击暗沉深层清洁">
                              <img class="img-responsive" src="images/p9917438.jpg" alt="纸巾 手帕纸 日本进口 河野制纸 AK系列保湿面巾纸 便携包X16包">
                              <img class="img-responsive" src="images/p5623623.jpg" alt="ipluso｜Kilt-c｜13.3寸 macbook 电脑包｜文件袋｜3色可选">
                              <div class="x"></div>
                          </a>
                          <a class="drawer-intro" href="http://wowli.net/doulist/1161530/?r=8" title="新奇的东西那么多我不想那么早死啊" target="_blank">新奇的东西那么多我不想那么早死啊</a>
                      </div>
                      <div class="user-doulist-item col-md-4">
                          <a href="http://wowli.net/doulist/1439218/?r=8" class="user-doulist-itemset" target="_blank">
                              <img class="img-responsive" src="images/p9132185.jpg" alt="[W&amp;X] 夏日必備！漁夫帽 黑色卡其色 日單日式棉麻工装盆帽遮陽帽">
                              <img src="images/p9840608.jpg" alt="外贸原单出口尾货 100%重磅真丝桑蚕丝SILK素绉缎睡衣家居服套装">
                              <img class="img-responsive" src="images/p6470242.jpg" alt="VOCK独家设计 怀旧系胸衣 街头性感摇滚复古 fil小白张家衣陈星如">
                              <img class="img-responsive" src="images/p13959000.jpg" alt="LE CI**EL BL**EU日本客供 复合面料 经典高街裁剪 短夹克/外套">
                              <div class="x"></div>
                          </a>
                          <a class="drawer-intro" href="http://wowli.net/doulist/1439218/?r=8" title="长草的dressing" target="_blank">长草的dressing</a>
                      </div>
                      <div class="user-doulist-item col-md-4">
                          <a href="http://wowli.net/doulist/2096398/?r=8" class="user-doulist-itemset" target="_blank">
                              <img class="img-responsive" src="images/p11734424.jpg" alt="刺绣桃心 小心机跟 正品rosebullet家的【收藏款】">
                              <img class="img-responsive" src="images/p13306672.jpg" alt="15新款Clarks其乐女鞋休闲鞋Festival Glee专柜正品代购英国直邮">
                              <img class="img-responsive" src="images/p13272378.jpg" alt="日本代购 英伦复古流苏漆皮方跟鞋皮鞋BEAUTY&amp;YOUTH WOMENS ZARA">
                              <img class="img-responsive" src="images/p9324520.jpg" alt="匡威CONVERSE中性开口笑光面皮革休闲鞋143009C/143011C">
                              <div class="x"></div>
                          </a>
                          <a class="drawer-intro" href="http://wowli.net/doulist/2096398/?r=8" title="买鞋--去远方" target="_blank">买鞋--去远方</a>
                      </div>
                    </div>
                  </div>
              </div>
              <!-- <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
              <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> -->
          </div>
        </div>
      </div>
  	</div>
    <section class="recommend">
      <div class="container">
        <div class="section-header">
          <div class="page-story-filter">
            <a class="btn-normal btn-explore-only checked" href="javascript:;">
              <i class="fa fa-eye"></i>
              <span>发现东西</span>
            </a>
            <a class="btn-normal btn-subscribes-only" id="btn-subscribes-only" href="javascript:;">
              <i class="fa fa-star-o"></i>
              <span>我的关注</span>
            </a>
          </div>
        </div>
        <div class="section-body">
          <div class="row food_con">
            <div class="col-md-4">
              <div class="food-list">
                <div class="img">
                  <span class="price-icon free">
                    免费
                  </span>
                  <a href="/classroom/1?static=home-classroom-recommend">
                    <img class="img-responsive" src="images/content_1.jpg">
                  </a>
                </div>
                <h3>
                    <a target="_blank" href="http://dongxi.douban.com/show/3912460/">JOINFIT乳胶圈能量圈田径训练器材拉力圈抗阻力瘦腿弹力带康复</a>
                </h3>
                <div class="author-box">
                  <a class="author-avatar-link" href="http://dongxi.douban.com/people/hmily-15/">
                      <img width="24" height="24" src="images/avatar_5.jpg" alt="希天才" title="希天才">
                  </a>
                  <a href="http://dongxi.douban.com/people/hmily-15/">希天才</a>&nbsp;评论
                </div>
                <div class="story-quote">
                    <q class="quote">【★★★★】日本药妆店入手。870日元，40多人民币。便宜啊！200G呢！本来就是无聊试用...</q>
                </div>
                <div class="story-info" data-eqid="3878709">
                    <ul class="stats-list">
                        <li class="doulist-count">加入豆列&nbsp;2</li>
                        <li class="like">喜欢&nbsp;1</li>
                        <li class="post">评论&nbsp;1</li>
                    </ul>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="food-list">
                <div class="img">
                  <span class="price-icon free">
                    免费
                  </span>
                  <a href="/classroom/1?static=home-classroom-recommend">
                    <img class="img-responsive" src="images/content_1.jpg">
                  </a>
                </div>
                <h3>
                  <a href="/classroom/1?static=home-classroom-recommend">摄影入门体验班摄影入门体验班摄影入门体验班摄影入门体验班摄影入门体验班</a>
                </h3>
                <div class="author-box">
                  <a class="author-avatar-link" href="http://dongxi.douban.com/people/hmily-15/">
                      <img width="24" height="24" src="images/avatar_5.jpg" alt="希天才" title="希天才">
                  </a>
                  <a href="http://dongxi.douban.com/people/hmily-15/">希天才</a>&nbsp;评论
                </div>
                <div class="story-quote">
                    <q class="quote">【★★★★】日本药妆店入手。870日元，40多人民币。便宜啊！200G呢！本来就是无聊试用...</q>
                </div>
                <div class="story-info" data-eqid="3878709">
                    <ul class="stats-list">
                        <li class="doulist-count">加入豆列&nbsp;2</li>
                        <li class="like">喜欢&nbsp;1</li>
                        <li class="post">评论&nbsp;1</li>
                    </ul>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="food-list">
                <div class="img">
                  <span class="price-icon free">
                    免费
                  </span>
                  <a href="/classroom/1?static=home-classroom-recommend">
                    <img class="img-responsive" src="images/content_1.jpg">
                  </a>
                </div>
                <h3>
                  <a href="/classroom/1?static=home-classroom-recommend">摄影入门体验班摄影入门体验班摄影入门体验班摄影入门体验班摄影入门体验班</a>
                </h3>
                <div class="author-box">
                  <a class="author-avatar-link" href="http://dongxi.douban.com/people/hmily-15/">
                      <img width="24" height="24" src="images/avatar_5.jpg" alt="希天才" title="希天才">
                  </a>
                  <a href="http://dongxi.douban.com/people/hmily-15/">希天才</a>&nbsp;评论
                </div>
                <div class="story-quote">
                    <q class="quote">【★★★★】日本药妆店入手。870日元，40多人民币。便宜啊！200G呢！本来就是无聊试用...</q>
                </div>
                <div class="story-info" data-eqid="3878709">
                    <ul class="stats-list">
                        <li class="doulist-count">加入豆列&nbsp;2</li>
                        <li class="like">喜欢&nbsp;1</li>
                        <li class="post">评论&nbsp;1</li>
                    </ul>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="food-list">
                <div class="img">
                  <span class="price-icon free">
                    免费
                  </span>
                  <a href="/classroom/1?static=home-classroom-recommend">
                    <img class="img-responsive" src="images/content_1.jpg">
                  </a>
                </div>
                <h3>
                  <a href="/classroom/1?static=home-classroom-recommend">摄影入门体验班摄影入门体验班摄影入门体验班摄影入门体验班摄影入门体验班</a>
                </h3>
                <div class="author-box">
                  <a class="author-avatar-link" href="http://dongxi.douban.com/people/hmily-15/">
                      <img width="24" height="24" src="images/avatar_5.jpg" alt="希天才" title="希天才">
                  </a>
                  <a href="http://dongxi.douban.com/people/hmily-15/">希天才</a>&nbsp;评论
                </div>
                <div class="story-quote">
                    <q class="quote">【★★★★】日本药妆店入手。870日元，40多人民币。便宜啊！200G呢！本来就是无聊试用...</q>
                </div>
                <div class="story-info" data-eqid="3878709">
                    <ul class="stats-list">
                        <li class="doulist-count">加入豆列&nbsp;2</li>
                        <li class="like">喜欢&nbsp;1</li>
                        <li class="post">评论&nbsp;1</li>
                    </ul>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="food-list">
                <div class="img">
                  <span class="price-icon free">
                    免费
                  </span>
                  <a href="/classroom/1?static=home-classroom-recommend">
                    <img class="img-responsive" src="images/content_1.jpg">
                  </a>
                </div>
                <h3>
                  <a href="/classroom/1?static=home-classroom-recommend">摄影入门体验班摄影入门体验班摄影入门体验班摄影入门体验班摄影入门体验班</a>
                </h3>
                <div class="author-box">
                  <a class="author-avatar-link" href="http://dongxi.douban.com/people/hmily-15/">
                      <img width="24" height="24" src="images/avatar_5.jpg" alt="希天才" title="希天才">
                  </a>
                  <a href="http://dongxi.douban.com/people/hmily-15/">希天才</a>&nbsp;评论
                </div>
                <div class="story-quote">
                    <q class="quote">【★★★★】日本药妆店入手。870日元，40多人民币。便宜啊！200G呢！本来就是无聊试用...</q>
                </div>
                <div class="story-info" data-eqid="3878709">
                    <ul class="stats-list">
                        <li class="doulist-count">加入豆列&nbsp;2</li>
                        <li class="like">喜欢&nbsp;1</li>
                        <li class="post">评论&nbsp;1</li>
                    </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
  </section>
  <footer id="footer">
    <div class="container">
      <div class="row">
        <span id="icp" class="pull-left gray-link">
            © 2005－2015 wowshi.com, all rights reserved
        </span>
        <a href="http://wowshi.com/hnypt/variformcyst.py" style="display: none;"></a>
        <span class="pull-right">
            <a href="http://wowshi.com/about">关于哇食</a>
            · <a href="http://wowshi.com/jobs">在哇食工作</a>
            · <a href="http://wowshi.com/about?topic=contactus">联系我们</a>
            · <a href="http://wowshi.com/about?policy=disclaimer">免责声明</a>
            · <a href="http://wowshi.com/help/">帮助中心</a>
            · <a href="http://wowshi.com/doubanapp/">移动应用</a>
        </span>       
      </div>
    </div>
  </footer>
  <!-- 登录model开始 -->
  <div class="modals">
    <div class="modal fade" id="login-modal">
        <div class="modal-dialog_wrapper">
            <div class="modal-dialog modal-dialog--front modal-dialog--signin">
                <div class="modal-content">
                    <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                    <div class="modal-body">
                        <form id="signin_form" class="simple_form new_user" action="/users/sign_in?redirect_from=%2Fdiscover" accept-charset="UTF-8" data-remote="true" method="post" novalidate="true">
                            <input name="utf8" type="hidden" value="✓">
                            <legend>登录</legend>
                            <div class="form-main">
                                <div class="form-group col-sm-6">
                                    <label class="sr-only">邮件地址</label>
                                    <input required="required" placeholder="邮件地址" class="form-control" data-message-error="邮箱格式错误" type="email" name="user[email]" id="user_email" data-event="validate"><span class="button--clear fa fa-times"></span>
                                    <ul class="help-block"></ul>
                                </div>
                                <div class="form-group col-sm-6">
                                    <label class="sr-only">密码</label>
                                    <input required="required" placeholder="密码" class="form-control" type="password" name="user[password]" id="user_password" data-event="validate"><span class="button--clear fa fa-times"></span>
                                    <ul class="help-block"></ul>
                                </div>
                                <input type="hidden" name="redirect_from" id="redirect_from">
                            </div>
                            <div class="form-group addon clearfix">
                                <div class="checkbox pull-left" id="remember_me">
                                    <label>
                                        <input name="user[remember_me]" type="hidden" value="0">
                                        <input type="checkbox" value="1" checked="checked" name="user[remember_me]" id="user_remember_me">记住我</label>
                                </div>
                                <a class="pull-right" data-toggle="modal" data-dismiss="modal" href="#find_password_modal">
                                <i class="fa fa-question-circle"></i>忘记密码？</a>
                            </div>
                            <div class="form-group form-results hidden" id="sign_in_alert_field">用户名或密码错误，请重新输入</div>
                            <div class="form-group form-actions">
                                <input type="submit" name="commit" value="登录" class="btn btn--blue_light" data-category="user" data-action="login" data-label="email">
                            </div>
                        </form>
                        <section class="auth">
                            <h6>使用社交账号登录</h6>
                            <p>
                            <a class="btn btn--icon btn--blue_light" title="用微信登录" data-category="user" data-action="login" data-label="wechat" href="/users/auth/wechat_web?state=%2Fdiscover"><i class="fa fa-weixin"></i></a>
                            <a class="btn btn--icon btn--blue_light" title="用微博登录" data-category="user" data-action="login" data-label="weibo" href="/users/auth/weibo?state=%2Fdiscover"><i class="fa fa-weibo"></i></a>
                            </p>
                        </section>
                        <footer class="section-footer"><a class="modal-flipper" href="#">注册<em class="logo">猫耳</em><i class="fa fa-angle-right"></i></a></footer>
                    </div>
                </div>
            </div>
            <div class="modal-dialog modal-dialog--back modal-dialog--signup">
                <div class="modal-content">
                    <button class="close" data-dismiss="modal" type="button"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                    <div class="modal-body">
                        <form id="signup_form" class="simple_form new_user" action="/users" accept-charset="UTF-8" data-remote="true" method="post" novalidate="true">
                            <input name="utf8" type="hidden" value="✓">
                            <legend>注册</legend>
                            <div class="form-main">
                                <div class="form-group col-sm-6">
                                    <label class="sr-only" for="user_name">昵称</label>
                                    <input placeholder="昵称（少于 16 个字符）" class="form-control" required="required" maxlength="16" data-message-error="昵称必须少于 16 个字符" size="16" type="text" value="" name="user[name]" id="user_name" data-event="validate"><span class="button--clear fa fa-times"></span>
                                    <ul class="help-block"></ul>
                                </div>
                                <div class="form-group col-sm-6">
                                    <label class="sr-only" for="user_email">邮件地址</label>
                                    <input placeholder="邮件地址" class="form-control" required="required" data-message-error="邮箱格式错误" type="email" name="user[email]" id="user_email" data-event="validate"><span class="button--clear fa fa-times"></span>
                                    <ul class="help-block"></ul>
                                </div>
                                <div class="clearfix"></div>
                                <div class="form-group col-sm-6">
                                    <label class="sr-only" for="user_password">密码</label>
                                    <input placeholder="密码（至少 6 个字符）" class="form-control" required="required" minlength="6" data-message-error="密码至少 6 个字符" type="password" name="user[password]" id="user_password" data-event="validate"><span class="button--clear fa fa-times"></span>
                                    <ul class="help-block"></ul>
                                </div>
                                <div class="form-group col-sm-6 signup_form-captcha">
                                    <label class="sr-only" for="captcha">验证码</label>
                                    <div class="input-group">
                                        <input type="text" name="captcha" id="captcha" autocomplete="off" required="required" class="form-control" data-parent=".form-group" placeholder="运算结果" data-event="validate">
                                        <input type="hidden" name="captcha_key" id="simple-captcha-hidden-field-simple_captcha-28e145c6347" value="28e145c634754b73369a62a7156e795d0f880b66">
                                        <div class="input-group-addon">
                                            <a rel="nofollow" title="换一张" data-remote="true" href=""><img id="simple_captcha-28e145c6347" alt="captcha" class="js-lazy" data-original="" src="" style="visibility: visible; display: inline;"></a>
                                        </div>
                                    </div>
                                    <ul class="help-block"></ul>
                                </div>
                            </div>
                            <div class="form-group clearfix">
                                <div class="checkbox text-center">
                                    <label>
                                        <input type="checkbox" name="agreement" id="user_agreement" value="true" checked="checked">同意<a target="_blank" href="/user_agreement">《&nbsp;<em class="logo">猫耳</em>&nbsp;用户协议》</a></label>
                                </div>
                            </div>
                            <input type="hidden" name="path" id="path" value="/discover">
                            <input type="hidden" name="redirect_from" id="redirect_from">
                            <div class="form-group form-actions">
                                <input type="submit" name="commit" value="注册" class="btn btn--blue_light" data-category="user" data-action="register" data-label="email">
                            </div>
                        </form>
                        <section class="auth">
                            <h6>使用社交账号登录</h6>
                            <p>
                              <a class="btn btn--icon btn--blue_light" title="用微信登录" data-category="user" data-action="login" data-label="wechat" href="/users/auth/wechat_web?state=%2Fdiscover"><i class="fa fa-weixin"></i></a>
                              <a class="btn btn--icon btn--blue_light" title="用微博登录" data-category="user" data-action="login" data-label="weibo" href="/users/auth/weibo?state=%2Fdiscover"><i class="fa fa-weibo"></i></a>
                            </p>
                        </section>
                        <footer class="section-footer"><a class="modal-flipper" href="#"><i class="fa fa-angle-left"></i>登录<em class="logo">猫耳</em></a></footer>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>
  <!-- 登录model结束 -->
  </body>
  <script type="text/javascript">
    $(function() {
      $('.modal-flipper').click(function() {
        if($('.modal-dialog_wrapper').hasClass('is-flipped')) {
          $('.modal-dialog_wrapper').removeClass('is-flipped');
        } else {
          $('.modal-dialog_wrapper').addClass('is-flipped');
        }
      });

      //$('.carousel').carousel();
    });
  </script>
</html>